<template>
    <div class="container">
      <div class="row">
        <div class="sidebar-box">
          <div class="text-center btn sidebar-title">
            <span class="glyphicon glyphicon-th-list"></span>
            <span>分类导航</span>
          </div>
          <div class="sidebar-box">
            <div class="sidebar-tree">
              <ul class="list-unstyled">
                <li>
                  <a href="">vue2.0</a>
                  <ul>
                    <li><a></a></li>
                    <li><a></a></li>
                    <li><a></a></li>
                  </ul>
                </li>
                <li>
                  <a>bootstrap</a>
                  <ul>
                    <li><a></a></li>
                    <li><a></a></li>
                    <li><a></a></li>
                  </ul>
                </li>
                <li>
                  <a>jquery</a>
                  <ul>
                    <li><a></a></li>
                    <li><a></a></li>
                    <li><a></a></li>
                  </ul>
                </li>
                <li>
                  <a>github</a>
                  <ul>
                    <li><a></a></li>
                    <li><a></a></li>
                    <li><a></a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="content">
          <div>
            <p>ddjfoshfoshfsodfj</p>
            <p>ddjfoshfoshfsodfj</p>
            <p>ddjfoshfoshfsodfj</p>
            <p>ddjfoshfoshfsodfj</p>
            <p>ddjfoshfoshfsodfj</p>
          </div>
        </div>
      </div>
    </div>
</template>

<script>
export default {
  name: 'experience',
  data () {
    return {
      msg: false,
      myjson: Object
    }
  },
  computed: {
  },
  methods: {
    getData () {
      console.log(this.msg)
    },
    createdJson () {
    }
  },
  created () {
    this.createdJson()
  },
  mounted () {
    this.getData()
  }
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
.sidebar-box
  padding: 0 0
  .sidebar-title
    width: 104px
    border-radius: 2px
    padding: 12px 16px
    height: 42px
    background: #efefef
  .sidebar-box
    background: #f6f4f0
    .sidebar-tree
      font: 700 12px/26px PingFang SC,STHeitiSC-Light,Helvetica-Light,arial,sans-serif,Droid Sans Fallback
      ul
        li
          padding: 6px 2px
          text-align: center
        li:hover
          color: black
          font-size: 14px
</style>
